<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>订单详情</title>
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/orderDetail.css" />
</head>

<body>
  <div class="container">
    <div class="header">
      <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
      <div class="ct">订单详情</div>
      <div class="rt"></div>
    </div>
    <div class="order-info"></div>

    <div class="order-goods">
      <div class="h">
        <div class="label">商品信息</div>
        <div class="status">未付款</div>
      </div>
      <div class="goods"></div>
    </div>

    <div class="order-bottom">
      <div class="address"></div>
      <div class="total">
        <!-- ++++++++++ -->

      </div>
      <div class="pay-fee">
        <!-- +++++++++++ -->
      </div>
    </div>
  </div>
  <script type="text/html" id="tpl-info">
      <div class="item-a">下单时间：<span id="a-time">2021-11-11</span></div>
      <div class="item-b">订单编号：{{order_sn}}</div>
      <div class="item-c">
        <div class="l">实付：<span class="cost">￥{{order_price}}</span></div>
        <div class="r">
          <div class="btn">取消订单</div>
          <a href="./order.html"><div class="btn active">去付款</div></a>
          
        </div>
      </div>
    </script>
  <script type="text/html" id="tpl-goods">
      {{each cartList}}
      <div class="item" data-checked="{{$value.checked}}">
        <div class="img">
          <img src="{{$value.list_pic_url}}" />
        </div>
        <div class="info">
          <div class="t">
            <span class="name">{{$value.goods_name}}</span>
            <span class="number">x1</span>
          </div>
          <div class="attr">{{$value.goods_specifition_name_value}}</div>
          <div class="price">￥{{$value.retail_price}}</div>
        </div>
      </div>
      {{/each}}
    </script>
  <script type="text/html" id="tpl-address">
      <div class="t">
        <span class="name">{{name}}</span>
        <span class="mobile">{{mobile}}</span>
      </div>
      <div class="b">{{full_region}}</div>
    </script>
  <script type="text/html" id="tpl-total">
      <div class="t">
        <span class="label">商品合计：</span>
        <span class="txt">￥{{goods_price}}</span>
      </div>
      <div class="t">
        <span class="label">运费：</span>
        <span class="txt">￥0</span>
      </div>
    </script>
  <script type="text/html" id="tpl-pay">
       <span class="label">实付：</span>
          <span class="txt">￥{{actual_price}}</span>
    </script>
  <script src="./js/jquery.js"></script>
  <script src="./js/baseAPI.js"></script>
  <script src="./js/layui/layui.all.js"></script>
  <script src="./js/template-web.js"></script>
  <script src="./js/orderDetail.js"></script>
</body>

</html>